<template>
    <div class="content">
        <div class="flex">
            <p>浏览: + <ipt v-model="value.browse.paramValue" /></p>
            <p>赞: + <ipt v-model="value.approval.paramValue" /></p>
            <p>收藏: + <ipt v-model="value.collect.paramValue" /></p>
            <p>不感兴趣: - <ipt v-model="value.not_interested.paramValue" /></p>
            <p>分享: + <ipt v-model="value.share.paramValue" /></p>
            <p>评论: + <ipt v-model="value.comment.paramValue" /></p>
            <p>打赏: + <ipt v-model="value.reward.paramValue" /></p>
        </div>
    </div>
</template>

<script>
export default {
    components: {
    },
    props: {
        value: {}
    },
    data () {
        return {
            input: this.value,
            label: ['浏览', '赞', '收藏', '不感兴趣', '分享', '评论', '打赏']
        }
    },
    computed: {

    },
    watch: {
        input: {
            deep: true,
            handler (value) {
                this.$emit('input', value)
            }
        }
        // value: {
        //     deep: true,
        //     handler (value) {
        //         this.input = value
        //     }
        // }
    },
    created () {

    },
    mounted () {

    },
    methods: {

    }
}
</script>

<style scoped lang="stylus">
@import '../styl/public.styl'
</style>
